<template>
    <div class="main">
        <object style="display:block;margin:0 auto" :data="notFound">
            <embed :src="notFound">
        </object>
        <p>未找到你要的页面，返回<span @click="hreftTo">上一页面</span></p>
    </div>
</template>
<script>
    import notFound from '@/assets/images/404.svg'

    export default {
        data() {
            return {
                notFound
            }
        },
        methods: {
            hreftTo() {
                this.$router.go(-1)
            }
        }
    }
</script>
<style lang="scss" scoped>
    .main {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    span {
        color: #1F9EFB;
        font-size: 20px;
        cursor: pointer;
    }
</style>
